body {
background-color:#FFF;
font-family:sans-serif;
font-size:100%;
}

h1 {
font-weight:400;
font-size:140%;
}

#svgDiv {
height:350px;
width:98%;
border:1px solid #ccc;
}

textarea.quiz_question {
text-align:left;
background-color:#f3f3f3;
rows:4;
columns:60;
}

textarea.quiz_result {
text-align:left;
rows:4;
columns:60;
}

#modalContainer {
background-color:transparent;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:10000;
}

#alertBox {
position:relative;
width:50%;
min-height:50px;
word-wrap:break-word;
margin-top:50px;
border:2px solid #000;
background-color:#F2F5F6;
background-repeat:no-repeat;
background-position:20px 30px;
}

#modalContainer > #alertBox {
position:fixed;
}

#alertBox h1 {
font:bold .9em verdana, arial;
background-color:#78919B;
color:#FFF;
border-bottom:1px solid #000;
margin:0;
padding:2px 0 2px 5px;
}

#alertBox p {
font:.7em verdana, arial;
height:100%;
padding-left:0;
margin-left:0;
word-wrap:break-word;
}

#alertBox #closeBtn {
display:block;
position:relative;
border:2px solid #000;
width:70px;
font:.7em verdana, arial;
text-transform:uppercase;
text-align:center;
color:#FFF;
background-color:#78919B;
text-decoration:none;
margin:5px auto;
padding:3px;
}

#mContainer {
position:relative;
width:600px;
border-top:2px solid #000;
border-bottom:2px solid #000;
font:.7em verdana, arial;
margin:auto;
padding:5px;
}

h1,h2 {
font:bold 1.5em verdana;
border-bottom:1px solid #000;
margin:0;
padding:4px;
}

code {
font-size:1.2em;
color:#069;
}

#credits {
position:relative;
width:350px;
font:.7em verdana;
border-top:1px solid #000;
border-bottom:1px solid #000;
height:90px;
padding-top:4px;
margin:25px auto 0;
}

#credits img {
float:left;
border:1px solid #000;
width:80px;
height:79px;
margin:5px 10px 5px 0;
}

.important {
background-color:#F5FCC8;
padding:2px;
}

code span {
color:green;
}

p {
line-height:22px;
margin:0;
padding:0;
}

.tabs_wrapper {
width:1222px;
margin:30px;
}

.tab_content {
display:none;
}

#tabs {
border-bottom:1px solid #ccc;
}

#tabs ul {
list-style:none;
font-size:.75em;
font-family:Arial, Verdana, sans-serif;
border-left:1px solid #ccc;
margin:0;
padding:11px 0 10px;
}

#tabs ul li {
display:inline;
}

#tabs ul li a {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
text-decoration:none;
background-color:#fff;
border-bottom:none;
outline:none;
color:#444;
padding:10px 25px;
}

#tabs ul li a:hover {
color:#888;
}

#tabs ul li.active a {
border-bottom:none;
color:#888;
padding-bottom:11px;
}

#tabs ul li.active a:hover {
color:#444;
}

#tabs ul li a.icon {
background-image:url(jquery.png);
background-position:13px 9px;
background-repeat:no-repeat;
padding-left:36px;
}

#tabs_content {
border:1px solid #ccc;
border-top:none;
width:1200px;
height:600px;
padding:10px;
}
